<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="shortcut icon" href="http://www.yingmoo.com/img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/userindex/css/common.css" />
    <link rel="stylesheet" href="/userindex/css/shopsManager.css" />
    <script type="text/javascript" src="/userindex/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/userindex/js/common.js" ></script>
    <script type="text/javascript" src="/userindex/js/navTop.js"></script>
    <script type="text/javascript" src="/userindex/js/jquery.circliful.min.js"></script>
    <title>店铺管理中心</title>
</head>

<body>

<!-- 会员公共头部  开始-->
<div class="shop_wrap">
    <div class="c100 nav_wrap">
        <div class="fl shop_logo">
            <a href="#" title="鹰目网"><img src="/userindex/images/icon.png" width="150px" height="65px" /></a>
            <a href="#" title="用户中心" class="midMag">用户中心</a>
        </div>
        <div class="fl nav act_nav">
            <ul>
                <li class="index-page-link hide"><a th:href="@{/go/index}" class="on">返回主页</a></li>
                <li><a th:href="@{/go/login}">退出登录</a></li>
                <li><a class="" href="#">推广中心</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- 会员公共头部  结束-->

<!-- 内容  开始-->
<div class="wrap">
    <div class="vip_cont c100 clearfix">
        <!--左边列表导航  开始-->
        <div class="fl vip_left vip_magLeft">
            <dl>
                <dt>店铺管理</dt>
                <dd>
                    <p><a href="#" target="_blank">我的店铺</a></p>
                    <p><a href="#" target="_blank">查看定制</a></p>
                    <p><a href="#" target="_blank">发售情况</a></p>
                </dd>
            </dl>
            <dl>
                <dt>我的账号</dt>
                <dd>
                    <p><a href="#" target="_blank">基本资料</a></p>
                    <p><a href="#" target="_blank">修改密码</a></p>
                </dd>
            </dl>
        </div>
        <!--左边列表导航  结束-->

        <!--右边列表内容  开始-->
        <div class="fr vip_right vip_magRight">
            <!--用户信息  开始 -->
            <div class="cus01">
                <div class="cusImg">
                    <img src="/userindex/images/customerImg.png" title="更换头像" />
                </div>
                <div class="cusName">
                    <p title="用户名称">用户名称</p>
                    <span title="分众传媒有限公司">公司名称：分众传媒有限公司</span>
                    <span class="bdTell">账号绑定<i></i><em>187****3765</em></span>
                </div>
            </div>
            <ul class="cus02">
                <li>
                    <p><span>原创作品</span><a href="#" target="_blank">去上传</a></p>
                    <span class="numbers"><font>36</font>个</span>
                </li>
                <li>
                    <p><span>媒体资源</span><a href="#" target="_blank">去上传</a></p>
                    <span class="numbers"><font>6</font>套</span>
                </li>
                <li>
                    <p><span>个人资料</span><a href="#" target="_blank">去完善</a></p>
                    <script>
                        $(function(){
                            $('#myStat').circliful();
                        });
                    </script>
                    <span class="numbers mystat">
								<div id="myStat" data-dimension="60" data-text="85%" data-info="New Clients" data-width="10" data-fontsize="12" data-percent="85" data-fgcolor="#ff6561" data-bgcolor="#eee" data-fill="#FFF" class="circliful" style="width: 60px;"></div>
							</span>
                </li>
            </ul>
            <!-- 用户信息  结束 -->
            <div class="cus03">
                <div class="mess">
                    <a href="#" target="_blank"><i></i>成为VIP会员或者加入鹰监测服务，可以优先排序，增加公司曝光等。>>点击了解详情</a>
                </div>
            </div>
        </div>
        <!--右边列表内容  结束-->
    </div>
</div>

</body>

</html>